<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="static/easyui/themes/icon.css">
<style type="text/css">
		.big_box{                    
				/* 威威 */
				background:#F3F3F3;
		}
		.center_box{
				height:46px;
				border-top:1px solid #F3F3F3;
				border-left:1px solid #F3F3F3;
				border-right:1px solid #F3F3F3;
				border-bottom:1px solid green;
			
		}
		.tt{
				color:white;
				font-size:14px;
				width:130px;
				height:25px;
				line-height:25px;
				cursor:pointer;
				background:#1AB394;
				border:1px solid #1AB394;
				margin-top:10px;
				margin-down:10px;
				text-align:center;
				margin-left:10px;
		}
		ul li{
			list-style:none;		
		}
		.down_box .one,.two,.three,.four{
				width:200px;
				height:180px;
				cursor:pointer;
				float:left;
				border:solid 1px gray;
				color: #1AB394;
				background-color:#F3F3F3;
				margin-left:10px;
				
		}
		ul li a{
				margin-top:40px;
				margin-left:18px;
		}
		 .one:hover{
				background:white;
				cursor:pointer;
		}
		.two:hover{
				background:white;
				cursor:pointer;
		}
		 .three:hover{
				background:white;
				cursor:pointer;
		}
		 .four:hover{
				background:white;
				cursor:pointer;
		}
</style>
</head>

<body>
	<div class="big_box">
			<div class="top_box">员工自助/申请中心/我的申请</div>
			<div class="center_box"><div class="tt"><a>发起申请</a></div></div>
			<div class="down_box">
			<ul>
					<li><div class="one"><img src=""><a>休假申请</a></div><li/>
					<li><div class="two"><img src=""><a>加班申请</a></div><li/>
					<li><div class="three"><img src=""><a>外出申请</a></div><li/>
					<li><div class="four"><img src=""><a>出差申请</a></div><li/>
					
			</ul>
			</div>
	</div>	
</body>
</html>